<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css"></style>
</head>
<body>
    <h1>我是顶部</h1>
    <hr>

    <p>line 1</p>
    <p>line 2</p>
    <p>line 3</p>
    <p>line 4</p>
    <p>line 5</p>
    <p>line 6</p>
    <p>line 7</p>
    <p>line 8</p>
    <p>line 9</p>
    <p>line 10</p>
    <p>line 11</p>
    <p>line 12</p>
    <p>line 13</p>
    <p>line 14</p>
    <p>line 15</p>
    <p>line 16</p>
    <p>line 17</p>
    <p>line 18</p>
    <p>line 19</p>
    <p>line 20</p>
    <p>line 21</p>
    <p>line 22</p>
    <p>line 23</p>
    <p>line 24</p>
    <p>line 25</p>
    <p>line 26</p>
    <p>line 27</p>
    <p>line 28</p>
    <p>line 29</p>
    <p>line 30</p>
    <p>line 31</p>
    <p>line 32</p>
    <p>line 33</p>
    <p>line 34</p>
    <p>line 35</p>
    <p>line 36</p>
    <p>line 37</p>
    <p>line 38</p>
    <p>line 39</p>
    <p>line 40</p>
    <p>line 41</p>
    <p>line 42</p>
    <p>line 43</p>
    <p>line 44</p>
    <p>line 45</p>
    <p>line 46</p>
    <p>line 47</p>
    <p>line 48</p>
    <p>line 49</p>
    <p>line 50</p>
    <p>line 51</p>
    <p>line 52</p>
    <p>line 53</p>
    <p>line 54</p>
    <p>line 55</p>
    <p>line 56</p>
    <p>line 57</p>
    <p>line 58</p>
    <p>line 59</p>
    <p>line 60</p>
    <p>line 61</p>
    <p>line 62</p>
    <p>line 63</p>
    <p>line 64</p>
    <p>line 65</p>
    <p>line 66</p>
    <p>line 67</p>
    <p>line 68</p>
    <p>line 69</p>
    <p>line 70</p>
    <p>line 71</p>
    <p>line 72</p>
    <p>line 73</p>
    <p>line 74</p>
    <p>line 75</p>
    <p>line 76</p>
    <p>line 77</p>
    <p>line 78</p>
    <p>line 79</p>
    <p>line 80</p>
    <p>line 81</p>
    <p>line 82</p>
    <p>line 83</p>
    <p>line 84</p>
    <p>line 85</p>
    <p>line 86</p>
    <p>line 87</p>
    <p>line 88</p>
    <p>line 89</p>
    <p>line 90</p>
    <p>line 91</p>
    <p>line 92</p>
    <p>line 93</p>
    <p>line 94</p>
    <p>line 95</p>
    <p>line 96</p>
    <p>line 97</p>
    <p>line 98</p>
    <p>line 99</p>
    <p>line 100</p>
    <p>line 101</p>
    <p>line 102</p>
    <p>line 103</p>
    <p>line 104</p>
    <p>line 105</p>
    <p>line 106</p>
    <p>line 107</p>
    <p>line 108</p>
    <p>line 109</p>
    <p>line 110</p>
    <p>line 111</p>
    <p>line 112</p>
    <p>line 113</p>
    <p>line 114</p>
    <p>line 115</p>
    <p>line 116</p>
    <p>line 117</p>
    <p>line 118</p>
    <p>line 119</p>
    <p>line 120</p>
    <p>line 121</p>
    <p>line 122</p>
    <p>line 123</p>
    <p>line 124</p>
    <p>line 125</p>
    <p>line 126</p>
    <p>line 127</p>
    <p>line 128</p>
    <p>line 129</p>
    <p>line 130</p>
    <p>line 131</p>
    <p>line 132</p>
    <p>line 133</p>
    <p>line 134</p>
    <p>line 135</p>
    <p>line 136</p>
    <p>line 137</p>
    <p>line 138</p>
    <p>line 139</p>
    <p>line 140</p>
    <p>line 141</p>
    <p>line 142</p>
    <p>line 143</p>
    <p>line 144</p>
    <p>line 145</p>
    <p>line 146</p>
    <p>line 147</p>
    <p>line 148</p>
    <p>line 149</p>
    <p>line 150</p>
    <p>line 151</p>
    <p>line 152</p>
    <p>line 153</p>
    <p>line 154</p>
    <p>line 155</p>
    <p>line 156</p>
    <p>line 157</p>
    <p>line 158</p>
    <p>line 159</p>
    <p>line 160</p>
    <p>line 161</p>
    <p>line 162</p>
    <p>line 163</p>
    <p>line 164</p>
    <p>line 165</p>
    <p>line 166</p>
    <p>line 167</p>
    <p>line 168</p>
    <p>line 169</p>
    <p>line 170</p>
    <p>line 171</p>
    <p>line 172</p>
    <p>line 173</p>
    <p>line 174</p>
    <p>line 175</p>
    <p>line 176</p>
    <p>line 177</p>
    <p>line 178</p>
    <p>line 179</p>
    <p>line 180</p>
    <p>line 181</p>
    <p>line 182</p>
    <p>line 183</p>
    <p>line 184</p>
    <p>line 185</p>
    <p>line 186</p>
    <p>line 187</p>
    <p>line 188</p>
    <p>line 189</p>
    <p>line 190</p>
    <p>line 191</p>
    <p>line 192</p>
    <p>line 193</p>
    <p>line 194</p>
    <p>line 195</p>
    <p>line 196</p>
    <p>line 197</p>
    <p>line 198</p>
    <p>line 199</p>
    <p>line 200</p>
    <p>line 201</p>
    <p>line 202</p>
    <p>line 203</p>
    <p>line 204</p>
    <p>line 205</p>
    <p>line 206</p>
    <p>line 207</p>
    <p>line 208</p>
    <p>line 209</p>
    <p>line 210</p>
    <p>line 211</p>
    <p>line 212</p>
    <p>line 213</p>
    <p>line 214</p>
    <p>line 215</p>
    <p>line 216</p>
    <p>line 217</p>
    <p>line 218</p>
    <p>line 219</p>
    <p>line 220</p>
    <p>line 221</p>
    <p>line 222</p>
    <p>line 223</p>
    <p>line 224</p>
    <p>line 225</p>
    <p>line 226</p>
    <p>line 227</p>
    <p>line 228</p>
    <p>line 229</p>
    <p>line 230</p>
    <p>line 231</p>
    <p>line 232</p>
    <p>line 233</p>
    <p>line 234</p>
    <p>line 235</p>
    <p>line 236</p>
    <p>line 237</p>
    <p>line 238</p>
    <p>line 239</p>
    <p>line 240</p>
    <p>line 241</p>
    <p>line 242</p>
    <p>line 243</p>
    <p>line 244</p>
    <p>line 245</p>
    <p>line 246</p>
    <p>line 247</p>
    <p>line 248</p>
    <p>line 249</p>
    <p>line 250</p>
    <p>line 251</p>
    <p>line 252</p>
    <p>line 253</p>
    <p>line 254</p>
    <p>line 255</p>
    <p>line 256</p>
    <p>line 257</p>
    <p>line 258</p>
    <p>line 259</p>
    <p>line 260</p>
    <p>line 261</p>
    <p>line 262</p>
    <p>line 263</p>
    <p>line 264</p>
    <p>line 265</p>
    <p>line 266</p>
    <p>line 267</p>
    <p>line 268</p>
    <p>line 269</p>
    <p>line 270</p>
    <p>line 271</p>
    <p>line 272</p>
    <p>line 273</p>
    <p>line 274</p>
    <p>line 275</p>
    <p>line 276</p>
    <p>line 277</p>
    <p>line 278</p>
    <p>line 279</p>
    <p>line 280</p>
    <p>line 281</p>
    <p>line 282</p>
    <p>line 283</p>
    <p>line 284</p>
    <p>line 285</p>
    <p>line 286</p>
    <p>line 287</p>
    <p>line 288</p>
    <p>line 289</p>
    <p>line 290</p>
    <p>line 291</p>
    <p>line 292</p>
    <p>line 293</p>
    <p>line 294</p>
    <p>line 295</p>
    <p>line 296</p>
    <p>line 297</p>
    <p>line 298</p>
    <p>line 299</p>
    <p>line 300</p>
    <p>line 301</p>
    <p>line 302</p>
    <p>line 303</p>
    <p>line 304</p>
    <p>line 305</p>
    <p>line 306</p>
    <p>line 307</p>
    <p>line 308</p>
    <p>line 309</p>
    <p>line 310</p>
    <p>line 311</p>
    <p>line 312</p>
    <p>line 313</p>
    <p>line 314</p>
    <p>line 315</p>
    <p>line 316</p>
    <p>line 317</p>
    <p>line 318</p>
    <p>line 319</p>
    <p>line 320</p>
    <p>line 321</p>
    <p>line 322</p>
    <p>line 323</p>
    <p>line 324</p>
    <p>line 325</p>
    <p>line 326</p>
    <p>line 327</p>
    <p>line 328</p>
    <p>line 329</p>
    <p>line 330</p>
    <p>line 331</p>
    <p>line 332</p>
    <p>line 333</p>
    <p>line 334</p>
    <p>line 335</p>
    <p>line 336</p>
    <p>line 337</p>
    <p>line 338</p>
    <p>line 339</p>
    <p>line 340</p>
    <p>line 341</p>
    <p>line 342</p>
    <p>line 343</p>
    <p>line 344</p>
    <p>line 345</p>
    <p>line 346</p>
    <p>line 347</p>
    <p>line 348</p>
    <p>line 349</p>
    <p>line 350</p>
    <p>line 351</p>
    <p>line 352</p>
    <p>line 353</p>
    <p>line 354</p>
    <p>line 355</p>
    <p>line 356</p>
    <p>line 357</p>
    <p>line 358</p>
    <p>line 359</p>
    <p>line 360</p>
    <p>line 361</p>
    <p>line 362</p>
    <p>line 363</p>
    <p>line 364</p>
    <p>line 365</p>
    <p>line 366</p>
    <p>line 367</p>
    <p>line 368</p>
    <p>line 369</p>
    <p>line 370</p>
    <p>line 371</p>
    <p>line 372</p>
    <p>line 373</p>
    <p>line 374</p>
    <p>line 375</p>
    <p>line 376</p>
    <p>line 377</p>
    <p>line 378</p>
    <p>line 379</p>
    <p>line 380</p>
    <p>line 381</p>
    <p>line 382</p>
    <p>line 383</p>
    <p>line 384</p>
    <p>line 385</p>
    <p>line 386</p>
    <p>line 387</p>
    <p>line 388</p>
    <p>line 389</p>
    <p>line 390</p>
    <p>line 391</p>
    <p>line 392</p>
    <p>line 393</p>
    <p>line 394</p>
    <p>line 395</p>
    <p>line 396</p>
    <p>line 397</p>
    <p>line 398</p>
    <p>line 399</p>
    <p>line 400</p>
    <p>line 401</p>
    <p>line 402</p>
    <p>line 403</p>
    <p>line 404</p>
    <p>line 405</p>
    <p>line 406</p>
    <p>line 407</p>
    <p>line 408</p>
    <p>line 409</p>
    <p>line 410</p>
    <p>line 411</p>
    <p>line 412</p>
    <p>line 413</p>
    <p>line 414</p>
    <p>line 415</p>
    <p>line 416</p>
    <p>line 417</p>
    <p>line 418</p>
    <p>line 419</p>
    <p>line 420</p>
    <p>line 421</p>
    <p>line 422</p>
    <p>line 423</p>
    <p>line 424</p>
    <p>line 425</p>
    <p>line 426</p>
    <p>line 427</p>
    <p>line 428</p>
    <p>line 429</p>
    <p>line 430</p>
    <p>line 431</p>
    <p>line 432</p>
    <p>line 433</p>
    <p>line 434</p>
    <p>line 435</p>
    <p>line 436</p>
    <p>line 437</p>
    <p>line 438</p>
    <p>line 439</p>
    <p>line 440</p>
    <p>line 441</p>
    <p>line 442</p>
    <p>line 443</p>
    <p>line 444</p>
    <p>line 445</p>
    <p>line 446</p>
    <p>line 447</p>
    <p>line 448</p>
    <p>line 449</p>
    <p>line 450</p>
    <p>line 451</p>
    <p>line 452</p>
    <p>line 453</p>
    <p>line 454</p>
    <p>line 455</p>
    <p>line 456</p>
    <p>line 457</p>
    <p>line 458</p>
    <p>line 459</p>
    <p>line 460</p>
    <p>line 461</p>
    <p>line 462</p>
    <p>line 463</p>
    <p>line 464</p>
    <p>line 465</p>
    <p>line 466</p>
    <p>line 467</p>
    <p>line 468</p>
    <p>line 469</p>
    <p>line 470</p>
    <p>line 471</p>
    <p>line 472</p>
    <p>line 473</p>
    <p>line 474</p>
    <p>line 475</p>
    <p>line 476</p>
    <p>line 477</p>
    <p>line 478</p>
    <p>line 479</p>
    <p>line 480</p>
    <p>line 481</p>
    <p>line 482</p>
    <p>line 483</p>
    <p>line 484</p>
    <p>line 485</p>
    <p>line 486</p>
    <p>line 487</p>
    <p>line 488</p>
    <p>line 489</p>
    <p>line 490</p>
    <p>line 491</p>
    <p>line 492</p>
    <p>line 493</p>
    <p>line 494</p>
    <p>line 495</p>
    <p>line 496</p>
    <p>line 497</p>
    <p>line 498</p>
    <p>line 499</p>
    <p>line 500</p>

    <button onclick="window.scrollTo(0,0)">回顶部</button>
    <button onclick="window.scrollBy(0, -100)">回滚100</button>
    <button onclick="gotoTop()">TOP</button>

    <script>
        function gotoTop() {
            var top = document.body.scrollTop || document.documentElement.scrollTop;
            console.log(top);
            
            window.scrollBy(0, -100);
            if (top <= 0) {
                return;
            }
            setTimeout(gotoTop, 20);
        }
    </script>
</body>
</html>